<template>
	<div>
		<img src="error.png" />
		<img src="error1.png" v-if="isResources" />
		<audio
			v-if="isResources"
			src="xxx.mp3"
			controls="controls"
			autoplay="autoplay"
			loop="loop"
		></audio>
		<video
			v-if="isResources"
			src="xxx.mp4"
			autoplay="autoplay"
			controls="controls"
			loop="loop"
		></video>
		<el-button type="primary" size="default" @click="changeState">
			切换
		</el-button>
	</div>
</template>
<script setup>
	import { ref } from 'vue';

	let isResources = ref(false);

	function changeState() {
		isResources.value = !isResources.value;
	}
</script>
